<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Gretong Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel='stylesheet' type='text/css'/>
    <!-- Custom CSS -->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <!-- Graph CSS -->
    <link href="css/font-awesome.css" rel="stylesheet">

    <!-- jQuery -->
    <link href='https://fonts.googleapis.com/css?family=Roboto:700,500,300,100italic,100,400'
          rel='stylesheet' type='text/css'/>
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700'
          rel='stylesheet' type='text/css'>

    <!-- lined-icons -->
    <link rel="stylesheet" href="css/icon-font.min.css" type='text/css'/>
    <script src="js/amcharts.js"></script>
    <script src="js/serial.js"></script>
    <script src="js/light.js"></script>

    <!-- //lined-icons -->
    <script src="js/jquery-1.10.2.min.js"></script>

    <!--pie-chart--->
    <script src="js/pie-chart.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            $('#demo-pie-1').pieChart({
                barColor: '#3bb2d0',
                trackColor: '#eee',
                lineCap: 'round',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-2').pieChart({
                barColor: '#fbb03b',
                trackColor: '#eee',
                lineCap: 'butt',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-3').pieChart({
                barColor: '#ed6498',
                trackColor: '#eee',
                lineCap: 'square',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });
        });
    </script>

    <!--子菜单-->
    <script>
        $(function () {
            $("#main").after('<iframe id="myIframe" src="' + "/contact/view.do" +
                '" width="100%" frameborder=0></iframe>');
            $("#myIframe").prop("height", ($(document).height() - 100) + "px");
        })
    </script>
</head>
<body>
<div class="page-container">
    <!--/content-inner-->
    <div class="left-content">
        <div class="inner-content">
            <!-- header-starts -->
            <div class="header-section">
                <!-- top_bg -->
                <div class="top_bg">

                    <div class="header_top">
                        <div class="top_right" style="margin-top: 10px">
                            <ul>
                                <li><a href="javascript:;">帮助</a></li>
                                |
                                <li><a href="javascript:;">联系</a></li>
                                |
                                <li><a href="javascript:;">重要信息</a></li>
                            </ul>
                        </div>
                        <div class="top_left">
                            <iframe src="http://tianqi.5ikfc.com:90/plugin-code/?style=1&dy=3&cl=ffffff&th=ff0000&tl=0033cc"
                                    allowTransparency="true" frameborder="0" scrolling="no" width="680"
                                    height="50" id="weather_frame"></iframe>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                </div>
                <div class="clearfix"></div>
                <!-- /top_bg -->
            </div>
            <!-- //header-ends -->

            <!--content-->
            <div class="content" style="margin-top: -42px">
                <!--<div class="monthly-grid">
                    <div class="panel panel-widget">-->
                        <font size="2" color="#008b8b">客户服务</font> / <font size="2" color="#cd5c5c">学校联系人</font>
                        <div id="main" class="panel-title">
                        </div>
                        <!--<div id="main" class="panel-body">
                            &lt;!&ndash; status &ndash;&gt;
                            <div class="contain">
                                <div class="gantt"></div>
                            </div>
                            &lt;!&ndash; status &ndash;&gt;
                        </div>-->
                        <div class="clearfix"></div>
                    </div>

                <!--</div>
                &lt;!&ndash;//area&ndash;&gt;
            </div>-->
            <!--content-->
        </div>
    </div>
    <!--//content-inner-->
    <!--/sidebar-menu-->
    <div class="sidebar-menu">
        <header class="logo1">
            <a href="javascript:;" class="sidebar-icon"> <span
                    class="fa fa-bars"></span>
            </a>
        </header>
        <div style="border-top:1px ridge rgba(255, 255, 255, 0.15)"></div>
        <div class="menu">
            <ul id="menu">
                <div class="accordion-group">
                    <li><a href="/indexBoostrap.do"><i
                            class="fa fa-tachometer"></i>
                        <span>首页</span></a>
                    </li>
                    <li id="menu-academico">
                        <a href="javascript:;"><i class="fa fa-table">
                        </i>
                            <span>报表</span> <span class="fa fa-angle-right"
                                                  style="float: right"></span>
                        </a>
                        <ul id="menu-academico-sub">
                            <li id="menu-academico-avaliacoes">
                                <a href="chart.html">正式学员报表</a>
                            </li>
                        </ul>
                    </li>
                </div>
                <li id="menu-academico">
                    <a href="javascript:;"><i class="fa fa-file-text-o"></i>
                        <span>地图</span> <span class="fa fa-angle-right"
                                              style="float: right"></span></a>
                    <ul id="menu-academico-sub">
                        <li id="menu-academico-avaliacoes">
                            <a href="map.html">地图展示</a>
                        </li>
                    </ul>
                </li>

                <li style="background-color: #5bc0de">
                    <a href="javascript:;">
                        <i class="lnr lnr-pencil"></i>
                        <span>客户服务 <span class="fa fa-angle-right"
                                         style="float: right"></span></span>
                    </a>
                    <ul id="menu-academico-sub">
                        <li id="menu-academico-avaliacoes">
                            <a href="potentialstudent.html">潜在学员管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="studentTrack.html">学员跟踪</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="javascript:;" onclick="sendMenuUrl(this)"
                               data-url="javascript:;">潜在客户池</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="movethehistory.html">移交历史</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="client.html">大客户</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="contact.html">学校联系人</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="school.html">学校管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="examination.html">考试管理</a>
                        </li>
                    </ul>
                </li>

                <li id="menu-academico">
                    <a href="javascript:;"><i class="fa fa-file-text-o">
                    </i> <span>学员管理</span> <span class="fa fa-angle-right"
                                                 style="float: right"></span></a>
                    <ul id="menu-academico-sub">
                        <li id="menu-academico-avaliacoes">
                            <a href="studentmanagement.html">正式学员管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="studentShift.html">学员升班留级</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="gathering.html">收款管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="studentmanagement1.html">学员流失</a>
                        </li>
                    </ul>
                </li>

                <li id="menu-academico">
                    <a href="javascript:;"><i class="lnr lnr-book"></i>
                        <span>教务管理</span> <span class="fa fa-angle-right"
                                                style="float: right"></span></a>
                    <ul id="menu-academico-sub">
                        <li id="menu-academico-avaliacoes">
                            <a href="grade.html">班级管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="curriculum.html">课程表</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="classroom.html">教室管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="spending.html">支出管理</a>
                        </li>
                    </ul>
                </li>
                </li>

                <li>
                    <a href="javascript:;"><i class="lnr lnr-envelope">
                    </i> <span>日常办公</span><span
                            class="fa fa-angle-right"
                            style="float: right"></span></a>
                    <ul id="menu-academico-sub">
                        <li id="menu-academico-avaliacoes">
                            <a href="salary.html">工资管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="attendance.html">考勤管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="userInfo.html">学贷申请审核</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a href="javascript:;"><i class="lnr lnr-pie-chart"></i>
                        <span>系统管理</span><span class="fa fa-angle-right"
                                               style="float: right"></span></a>
                    <ul id="menu-academico-sub">
                        <li id="menu-academico-avaliacoes">
                            <a href="employee.html">员工管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="department.html">部门管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="permission.html">系统权限管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="role.html">系统角色管理</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="systemDictionary.html">数据字典</a>
                        </li>
                        <li id="menu-academico-avaliacoes">
                            <a href="systemLog.html">系统日志</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a href="javascript:;"><i class="lnr lnr-envelope">
                    </i> <span>趣味乐园</span><span
                            class="fa fa-angle-right"
                            style="float: right"></span></a>
                    <ul id="menu-academico-sub">
                        <li id="menu-academico-avaliacoes">
                            <a href="play.html">欢乐大转盘</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<script>
    var toggle = true;

    $(".sidebar-icon").click(function () {
        if (toggle) {
            $(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
            $("#menu span").css({"position": "absolute"});
        }
        else {
            $(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
            setTimeout(function () {
                $("#menu span").css({"position": "relative"});
            }, 400);
        }

        toggle = !toggle;
    });
</script>
<!--js -->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- /Bootstrap Core JavaScript -->
<!-- real-time -->
<script language="javascript" type="text/javascript"
        src="js/jquery.flot.js"></script>
<script type="text/javascript">

    $(function () {

        // We use an inline data source in the example, usually data would
        // be fetched from a server

        var data = [],
            totalPoints = 300;

        function getRandomData() {

            if (data.length > 0)
                data = data.slice(1);

            // Do a random walk

            while (data.length < totalPoints) {

                var prev = data.length > 0 ? data[data.length - 1] : 50,
                    y = prev + Math.random() * 10 - 5;

                if (y < 0) {
                    y = 0;
                } else if (y > 100) {
                    y = 100;
                }

                data.push(y);
            }

            // Zip the generated y values with the x values

            var res = [];
            for (var i = 0; i < data.length; ++i) {
                res.push([i, data[i]])
            }

            return res;
        }

        // Set up the control widget

        var updateInterval = 30;
        $("#updateInterval").val(updateInterval).change(function () {
            var v = $(this).val();
            if (v && !isNaN(+v)) {
                updateInterval = +v;
                if (updateInterval < 1) {
                    updateInterval = 1;
                } else if (updateInterval > 2000) {
                    updateInterval = 2000;
                }
                $(this).val("" + updateInterval);
            }
        });

        var plot = $.plot("#placeholder", [getRandomData()], {
            series: {
                shadowSize: 0	// Drawing is faster without shadows
            },
            yaxis: {
                min: 0,
                max: 100
            },
            xaxis: {
                show: false
            }
        });

        function update() {

            plot.setData([getRandomData()]);

            // Since the axes don't change, we don't need to call plot.setupGrid()

            plot.draw();
            setTimeout(update, updateInterval);
        }

        update();

        // Add the Flot version string to the footer

        $("#footer").prepend("Flot " + $.plot.version + " &ndash; ");
    });

</script>
<!-- /real-time -->
<script src="js/jquery.fn.gantt.js"></script>
<!--<script>

    $(function () {

        "use strict";

        $(".gantt").gantt({
            source: [{
                name: "Sprint 0",
                desc: "Analysis",
                values: [{
                    from: "/Date(1320192000000)/",
                    to: "/Date(1322401600000)/",
                    label: "Requirement Gathering",
                    customClass: "ganttRed"
                }]
            }, {
                name: " ",
                desc: "Scoping",
                values: [{
                    from: "/Date(1322611200000)/",
                    to: "/Date(1323302400000)/",
                    label: "Scoping",
                    customClass: "ganttRed"
                }]
            }, {
                name: "Sprint 1",
                desc: "Development",
                values: [{
                    from: "/Date(1323802400000)/",
                    to: "/Date(1325685200000)/",
                    label: "Development",
                    customClass: "ganttGreen"
                }]
            }, {
                name: " ",
                desc: "Showcasing",
                values: [{
                    from: "/Date(1325685200000)/",
                    to: "/Date(1325695200000)/",
                    label: "Showcasing",
                    customClass: "ganttBlue"
                }]
            }, {
                name: "Sprint 2",
                desc: "Development",
                values: [{
                    from: "/Date(1326785200000)/",
                    to: "/Date(1325785200000)/",
                    label: "Development",
                    customClass: "ganttGreen"
                }]
            }, {
                name: " ",
                desc: "Showcasing",
                values: [{
                    from: "/Date(1328785200000)/",
                    to: "/Date(1328905200000)/",
                    label: "Showcasing",
                    customClass: "ganttBlue"
                }]
            }, {
                name: "Release Stage",
                desc: "Training",
                values: [{
                    from: "/Date(1330011200000)/",
                    to: "/Date(1336611200000)/",
                    label: "Training",
                    customClass: "ganttOrange"
                }]
            }, {
                name: " ",
                desc: "Deployment",
                values: [{
                    from: "/Date(1336611200000)/",
                    to: "/Date(1338711200000)/",
                    label: "Deployment",
                    customClass: "ganttOrange"
                }]
            }, {
                name: " ",
                desc: "Warranty Period",
                values: [{
                    from: "/Date(1336611200000)/",
                    to: "/Date(1349711200000)/",
                    label: "Warranty Period",
                    customClass: "ganttOrange"
                }]
            }],
            navigate: "scroll",
            scale: "weeks",
            maxScale: "months",
            minScale: "days",
            itemsPerPage: 10,
            onItemClick: function (data) {
                alert("Item clicked - show some details");
            },
            onAddClick: function (dt, rowId) {
                alert("Empty space clicked - add an item!");
            },
            onRender: function () {
                if (window.console && typeof console.log === "function") {
                    console.log("chart rendered");
                }
            }
        });

        $(".gantt").popover({
            selector: ".bar",
            title: "I'm a popover",
            content: "And I'm the content of said popover.",
            trigger: "hover"
        });

        prettyPrint();

    });

</script>-->
<script src="js/menu_jquery.js"></script>
</body>
</html>